import { Menu, MenuItem } from "./ContextMenu";
import React from 'react'
import "./styles.css";

export default function App() {
  const newTab=()=>{
    console.log("new tab")
  }
  return (
    <div className="App">
      <h1>Floating UI Context Menu</h1>
      <p>Right click on the page!</p>
      <Menu>
        <MenuItem onClick={newTab} label="click me"></MenuItem>
        <MenuItem onClick={()=>{
          console.log("new window")
        }}label="New window" />
        <MenuItem label="Close tab" disabled />
      </Menu>
    </div>
  );
}
